<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>Shampoo Project</title>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:100,400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'/>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" />
        <link rel="stylesheet" type="text/css" href="css/perfect-scrollbar.css" />
        <link rel="stylesheet" type="text/css" href="css/camera.css" />
        <link rel="stylesheet" type="text/css" href="css/custom.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/noJS.css" />
        <link rel="stylesheet" type="text/css" href="css/responsive.css" />
        <link href="http://hpneo.github.io/gmaps/prettify/prettify.css" type="text/css" rel="stylesheet"/>                
    </head>

    <body>
        <div class="header-sub navbar navbar-fixed-top">
            <div class="header-nav cls-opacity" id="header_nav">
                <div class="row-fluid">
                    <div class="span8">
                        <a href="index.html" class="logo small-logo pull-left"><img src="img/logo_small.png" /></a>
                        
                        <div class="navbar">
                            <div class="navbar-inner">
                                <div class="container">
                                    <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
                                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </a>
                                    <!-- Everything you want hidden at 940px or less, place within here -->
                                    <div class="nav-collapse collapse">
                                        <ul class="navigation-sub">
                                            <li class="nav-first nav-active"><a href="#">Browse</a></li>
                                            <li><a href="#">My Favourites</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                    <div class="span2">
                        <div class="control-group">
                            <div class="controls">
                                <div class="input-search">
                                    <input type="text" placeholder="Search" class="search-query span7 search-input search-input-sub">
                                    <button class="btn btn-info search-btn"><i class="icon-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>				
                    <div class="span2">
                        <ul class="my-account-ul pull-right">
                            <li class="dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Hiep Nghiem <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><i class="icon-user"></i> My Account</a></li>
                                    <li><a href="#"><i class="icon-check"></i> Your Requests</a></li>
                                    <li><a href="#"><i class="icon-envelope"></i> <span class="text"> Messages </span><span class="badge badge-info">4</span></a></li>
                                    <li class="divider"></li>
                                    <li><a href="#"><i class="icon-off"></i> Log Out</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <section class="middle">
            <div class="">
                <div id="filter_bar" class="filter-bar white-bg affix">
                    <div class="side-left">
                        <div class="filter-navi-btn"><i class="icon-chevron-left"></i></div>
                        <div class="row-fluid">
                            <div class="span12 filter-wrap">
                                <h4 class="text-normal">Search Area</h4>
                            </div>
                        </div>
                        <div class="row-fluid filter-content">
                            <div class="span12">
                                <div class="control-group filter-wrap">
                                    <div class="controls">
                                        <div class="input-append">
                                            <input class="span12" id="appendedInput" type="text">
                                                <span class="add-on"><i class="icon-search icon-white"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                                <div class="map filter-wrap">
                                    <iframe width="100%" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Orchard+Road+Singapore+238858&amp;aq=0&amp;oq=Orchard+Road,+238858&amp;sll=1.298722,103.847451&amp;sspn=0.0257,0.038581&amp;ie=UTF8&amp;hq=&amp;hnear=Orchard+Rd,+Singapore&amp;t=m&amp;ll=1.302283,103.847065&amp;spn=0.025743,0.020342&amp;z=14&amp;iwloc=near&amp;output=embed"></iframe><br />
                                </div>
                                <div class="clearfix-custom-10"></div>
                                <div class="row-fluid">
                                    <div class="span12">
                                    	<div class="control-group filter-wrap">
                                        	<input id="demo_box_1" class="css-checkbox" type="checkbox" />
                                            <label for="demo_box_1" name="demo_lbl_1" class="css-label">Open For Reservations!</label>
                                        </div>
                                        <div class="control-group filter-wrap">
                                            <label class="control-label">Price</label>
                                            <div class="controls">
                                                <div id="amount"></div>
                                                <div id="sliders-range"></div>
                                            </div>
                                        </div>
                                        <div class="control-group filter-select-type">
                                            <label class="control-label">Type</label>
                                            <div class="controls">
                                                <select class="selectpicker span12" multiple="multiple">
                                                    <option>Any</option>
                                                    <option>Haircut</option>
                                                    <option>Salon</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group filter-select-when">
                                            <label class="control-label">When</label>
                                            <div class="controls">
                                                <select class="selectpicker span12" multiple="multiple">
                                                    <option>Next 7 Days</option>
                                                    <option>Next 1 Month</option>
                                                    <option>Next 2 Months</option>
                                                </select>
                                            </div>
                                        </div>
                                	</div>
                                </div>
                                <!--<div class="tabbable">
                                    <ul class="nav nav-tabs nav-filter">
                                        <li class="active filter-wrap"><a href="#tab1" data-toggle="tab">Filters</a></li>
                                        <li><a href="#tab2" data-toggle="tab">Result</a></li>
                                    </ul>
                                    <div class="tab-content filter-wrap">
                                        <div class="tab-pane active" id="tab1">
                                            <div class="clearfix-custom-10"></div>
                                            <div class="control-group">
                                                <label class="control-label">Price</label>
                                                <div class="controls">
                                                    <div id="amount"></div>
                                                    <div id="sliders-range"></div>
                                                </div>
                                            </div>
                                            <div class="control-group filter-select-type">
                                                <label class="control-label">Type</label>
                                                <div class="controls">
                                                    <select class="selectpicker span12" multiple="multiple">
                                                        <option>Any</option>
                                                        <option>Haircut</option>
                                                        <option>Salon</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="control-group filter-select-when">
                                                <label class="control-label">When</label>
                                                <div class="controls">
                                                    <select class="selectpicker span12" multiple="multiple">
                                                        <option>Next 7 Days</option>
                                                        <option>Next 1 Month</option>
                                                        <option>Next 2 Months</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab2">
                                            <div class="row-fluid">
                                                <div class="span12 filter-wrap-sub">
                                                    <div id="content_holder_filter" class="content-holder-result"> 
                                                        <div class="content">
                                                            <ul class="filter-result">
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                                <li>
                                                                    <div class="row-fluid">
                                                                        <div class="span1"><i class="icon-map-marker"></i></div>
                                                                        <div class="span7">
                                                                            <a href="#">Adina Doss At Salon Republic</a>
                                                                            <div class="clearfix"></div>
                                                                            <span>Haircut</span>
                                                                        </div>
                                                                        <div class="span4 filter-price">
                                                                            <i class="icon-tag"></i> $55.00
                                                                        </div>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>-->

                            </div>
                        </div>
                    </div>
                </div>
                <div class="wrapper-sub-browser">  
                    <div class="row-fluid">
                        <div id="side-right-wrapper" class="span10 pull-right">
                            <div class="side-right">
                                <!--<div class="row-fluid">
                                    <div class="span12">
                                        <ul class="breadcrumb">
                                            <li><a href="#">All Services</a> <span class="divider">/</span></li>
                                            <li class="active">Health & Beauty</li>
                                        </ul>
                                    </div>
                                </div>-->
                                <div class="row-fluid page-title">
                                    <div class="span8 head-title">
                                        <h3 class="text-normal">Wellness, Health & Beauty <span class="in text-thin">in <a href="#">Orchard Road, 238858</a></span></h3>
                                    </div>
                                    <div class="span4 option">
                                        <div class="btn-group pull-right" data-toggle="buttons-radio">
                                            <button type="button" class="btn btn-small active" id="btn-gallery"><i class="icon-th-large"></i> Gallery</button>
                                            <button type="button" class="btn btn-small" id="btn-list"><i class="icon-align-justify"></i> List</button>
                                            <button type="button" class="btn btn-small" id="btn-map"><i class="icon-map-marker"></i> Map</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">

                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <!--Start Gallery Style-->

                                <div class="row-fluid gallery-style">
                                    <ul id="da-thumbs" class="da-thumbs">
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/01.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/02.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/03.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/04.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/05.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/06.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/07.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/08.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/09.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/10.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/11.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/12.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/13.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/14.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/15.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/16.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/17.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/18.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/19.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/20.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3 first">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/21.jpg" />
                                                <p>
                                                    We Heal University
                                                    <br/>
                                                    $500.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/22.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99	
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/23.jpg" />
                                                <p>
                                                    WE HEAL UNIVERSITY<br/>
                                                    $50.99	                                                    
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="span3">
                                            <a href = "javascript:void(0)" 
                                               onclick = "document.getElementById('light').style.display = 'block';
                                                       document.getElementById('right_clumn').style.display = 'block';
                                                       document.getElementById('fade').style.display = 'block'">
                                                <img src="img/hair-salon/24.jpg" />
                                                <p>
                                                    BEAUTY AFFAIR<br/>
                                                    $50.99
                                                </p>
                                                <div>
                                                    <div style="" class="da-content">
                                                        <strong>Massage Therapy</strong>
                                                        <br/>
                                                        <i class="icon-leaf icon-white"></i>
                                                        Hollywood
                                                        <br/>
                                                        <i class="icon-road icon-white"></i>
                                                        403 S Main St, <br/>                                                        
                                                        Lost Angeles, CA 90013
                                                        <br/>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                        <i class="icon-star icon-white"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="clearfix"></div>
								
                                <!--Start List Style-->

                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/01.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">We Heal University</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/02.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">BEAUTY AFFAIR</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/03.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">BEAUTY AFFAIR</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/04.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">We Heal University</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/05.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">We Heal University</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/06.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">BEAUTY AFFAIR</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/07.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">BEAUTY AFFAIR</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/08.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">We Heal University</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid list-style">
                                    <div class="span12">
                                        <div class="block-salon-wrap">
                                            <div class="block-salon">
                                                <div class="row-fluid white-bg">
                                                    <div class="clearfix"></div>
                                                    <div class="row-fluid">
                                                        <div class="span4 salon-title">
                                                            <h5 class="salon-trainner-name">Massage Therapy</h5>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <div class="salon-img-wrap">
                                                                        <img class="salon-img" src="img/hair-salon/09.jpg" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="span4 salon-informations">
                                                            <h4 class="">BEAUTY AFFAIR</h4>
                                                            <i class="icon-leaf"></i><span class="salon-location"> Hollywood</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <i class="icon-road"></i><span class="salon-address"> 403 S Main St</span>
                                                            <div class="clearfix"></div>
                                                            </i><span class="salon-address">Lost Angeles, CA 90013</span>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-home"></i><span class="salon-phone">(213) 324 2342</span>
                                                            <div class="clearfix-custom-10"></div>
                                                            <a href="#"><img src="img/favourite.png"/> Add to Favourites</a>
                                                            <div class="clearfix"></div>
                                                            <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i>
                                                        </div>
                                                        <div class="span4">
                                                            <div class="salon-price">
                                                                <span class="text-small">$</span>500<span class="text-small">.99</span>
                                                                <div class="clearfix"></div>
                                                                <a href="#" class="btn btn-warning add-to-card-btn">View Opening</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--End List Style-->

                                <!--Start Map Style-->

                                <div class="clearfix"></div>
                                <div class="row-fluid map-style">
                                    <div class="span12 map-location">
                                        <div id="map"></div>
                                    </div>
                                </div>

                                <!--End Map Style-->
								
                                <!--Start Image Popup-->
                                <div id="light" class="white_content">
                                    <div class="row-fluid">

                                        <div class="span10">

                                            <img src="http://themes.mediacreed.com/html/synergy/assets/media/portfolio/images/image1.jpg" />
                                        </div>
                                    </div>
                                </div>
                                <div id="fade" class="black_overlay">
                                    <div class="icon-hover-prev">
                                        <i class="icon-chevron-left icon-white"></i>
                                    </div>
                                    <div class="icon-hover-next">
                                        <i class="icon-chevron-right icon-white"></i>
                                    </div>
                                    <div><a class="close" href = "javascript:void(0)" onclick = "
                                                       document.getElementById('light').style.display = 'none';
                                                       document.getElementById('right_clumn').style.display = 'none';
                                                       document.getElementById('fade').style.display = 'none'">&times;
                                        </a>
                                    </div>
                                </div>
                                <div id="right_clumn">
                                    <h4>Juseppe</h4>
                                    <hr/>
                                    <span>Pellentesque diam lectus, dapibus non lacinia in, vulputate sit amet dolor. Vivamus sollicitudin nunc sed augue lobortis at elementum nulla tristique.</span>
                                    <div class="social-icon"></div>
                                </div>
                                <!--End Image Popup-->
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="footer-bottom">
                <div class="wrapper">
                    <div class="row-fluid">
                        <div class="span3 get-powered-div">
                            <div class="get-powered-wrap">
                                <span class="get-powered pull-left">Get powered by</span><a class="pull-left" href="index.html"><div class="logo-bottom"></div></a>
                            </div>
                        </div>
                        <div class="span6 copyright" align="center">
                            © 2013, <a href="#"> Shampoo</a>. Developed by <a href="#">Cloud-Link Pte Ltd</a>
                            <br>
                            <a href="#">Privacy Policy</a> | <a href="#">Terms and Conditions</a>
                        </div>
                        <div class="span3 social-div">
                            <ul class="social-network pull-right">
                                <li><a href="#"><div class="social-element twitter" atl="Twitter" title="Twitter"></div></a></li>
                                <li><a href="#"><div class="social-element facebook" atl="Facebook" title="Facebook"></div></a></li>
                                <li><a href="#"><div class="social-element google" atl="Google Plus" title="Google Plus"></div></a></li>
                                <li><a href="#"><div class="social-element instagram" atl="Instagram" title="Instagram"></div></a></li>
                            </ul>
                            <!--<a id="back-top" href="#"><div class="narrow-up"></div></a>-->
                        </div>
                    </div>
                </div>
            </div>
        </footer>


        <div style="display: none" id="map_place">
            <div class="map-place" >
                <h4>Dedi At Udi Salon</h4>
                <div class="map-place-content">
                    <div class="map-place-header">
                        <div class="pull-left">
                            <i class="icon-heart"></i>
                            <a href="#">Add to Favourites</a>
                        </div>
                        <div class="pull-right">
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <img src="img/hair-salon/20100607082724!Jacob-Black-NewMoon.jpg" />
                        </div>
                        <div class="span6 text-center">
                            <strong>BEAUTY AFFAIR</strong>
                            <br/>
                            $50.99<br/>
                            <a href="#" class="btn btn-warning btn-block">View Openings</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <br/>
                    <div class="row-fluid">
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Blowout style
                        </div>
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Cut and style
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Cut, style and deep condition
                        </div>
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Luxe salon
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Blowout style
                        </div>
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Cut and style
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span6">
                            <i class="icon-ok"></i>
                            Cut, style and deep condition
                        </div>                
                    </div>
                </div>
                <!--<div class  ="overlay_arrow above"></div>-->
            </div>
        </div>

        <!--<script src="js/jquery.min.js"></script>-->
        <script src="js/jquery.1.9.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.swing.js"></script>
        <!--<script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>-->
        <script type='text/javascript' src='js/jquery.easing.1.3.js'></script> 
        <script src="js/bootstrap-select.min.js"></script>
        <script type='text/javascript' src='js/camera.min.js'></script> 
        <script src="js/jquery.mousewheel.js"></script>
        <script src="js/perfect-scrollbar.js"></script>
        <script src="js/jquery.hoverdir.js"></script>
        <script src="js/modernizr.custom.97074.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="js/gmaps.js"></script>        
        <script type="text/javascript" src="http://hpneo.github.io/gmaps/prettify/prettify.js"></script>
        <!--<script src="js/shampoo.js"></script> -->       
        <script src="js/browser-search.js"></script>

        <script>
		   var map;
		   $("#btn-map").click(function() {
			   $(".gallery-style").css('display', 'none');
			   $(".list-style").css('display', 'none');
			   $(".pagination-wrap").css('display', 'none');
			   $(".map-style").fadeIn(500);

			   prettyPrint();

			   map = new GMaps({
				   div: '#map',
				   lat: -12.043333,
				   lng: -77.028333
			   });
			   map.addMarker({
				   lat: -12.043333,
				   lng: -77.028333,
				   title: 'Dedi At Udi Salon',
				   infoWindow: {
					   content: $('#map_place').html(),
					   backgroundColor: 'rgb(57,57,57)'
				   }
			   });
			   map.addMarker({
				   lat: -12.043333,
				   lng: -77.03,
				   title: 'Dedi At Udi Salon',
				   infoWindow: {
					   content: $('#map_place').html(),
					   backgroundColor: 'rgb(57,57,57)'
				   }
			   });
			   $('#map').css('height', '1000px').css('width', '100%');
		   });

        </script>
    </body>
</html>